<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template.xhtml">

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="PF('statusDialog').show()"
					onsuccess="PF('statusDialog').hide()" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>
				<h:form id="frm">

					<p:panel id="panelDataTableCriterios" header="Criterios">
						<p:growl id="men" life="2000"/>
						
						<p:dataTable value="#{criteriosView.data}" var="criterios"
							paginator="true" rows="5">
							
							<p:column filterBy="#{criterios.idcriterios}"
								sortBy="#{criterios.idcriterios}">
								<f:facet name="header">
									<h:outputText value="Criterio Nº" />
								</f:facet>
								<h:outputText value="#{criterios.idcriterios}" />
							</p:column>

							<p:column filterBy="#{criterios.descripcion}"
								sortBy="#{criterios.descripcion}">
								<f:facet name="header">
									<h:outputText value="Descripcion Criterio" />
								</f:facet>
								<h:outputText value="#{criterios.descripcion}" />
							</p:column>

							<p:column filterBy="#{criterios.idtipoCriterios_TipoCriterios}"
								sortBy="#{criterios.idtipoCriterios_TipoCriterios}">
								<f:facet name="header">
									<h:outputText value="Tipo De Criterios" />
								</f:facet>
								<h:outputText value="#{criterios.idtipoCriterios_TipoCriterios}" />
							</p:column>

							<p:column filterBy="#{criterios.descripcion_TipoCriterios}"
								sortBy="#{criterios.descripcion_TipoCriterios}">
								<f:facet name="header" >
									<h:outputText value="Tipo Criterio"/>
								</f:facet>
								<h:outputText value="#{criterios.descripcion_TipoCriterios}" />
							</p:column>

							<p:column headerText="Options">
								
								<p:commandButton id="btnEdit" icon="ui-icon-pencil"
									update=":dialogCriterios"
									actionListener="#{criteriosView.action_edit}">
									<f:attribute name="selectedCriterios" value="#{criterios}" />
								</p:commandButton>
								
								<p:commandButton id="btnDelete" title="Borrar"
									actionListener="#{criteriosView.action_delete_datatable}"
									onclick="if(!confirm('Esta seguro de eliminar este registro?')){return false;}"
									icon="ui-icon-trash" update="@form">
									<f:attribute name="selectedCriterios" value="#{criterios}" />
								</p:commandButton>
								
							</p:column>
						</p:dataTable>
					</p:panel>
					
					<p:panel id="panelBoton">
						<div align="center">
							<p:commandButton id="btnNew" value="Nuevo" action="#{criteriosView.action_new()}" update=":dialogCriterios" />
						</div>
					</p:panel>
				</h:form>
				
				<p:dialog id="dialogCriterios" appendTo="@(body)" draggable="true"
					closable="false" visible="#{criteriosView.showDialog}"
					resizable="false" modal="true" width="500">
					<h:form id="formDialog">
						<p:messages id="msg" />
						<p:panel id="panelCriterios" header="Criterios">
							<h:panelGrid columns="2" id="panelGrid">
								

								<h:outputText id="msgDescripcion" value=" Descripcion" />
								<p:inputText id="txtDescripcion" disabled="true"
									binding="#{criteriosView.txtDescripcion}" />
                      			
                      			<h:outputText id="msgTipoCriterio" value="Tipo de Criterio"/>
								<p:selectOneMenu id="menuTipoCriterio" value="#{criteriosView.stringTipoCriterios}">
									<f:selectItems value="#{criteriosView.losTiposCriteriosItems}" var="desc" itemLabel="#{desc}" itemValue="#{desc}" />
								</p:selectOneMenu>

							</h:panelGrid>
						</p:panel>
						<p:panel id="panelBotones">
							<div align="center">
								<p:commandButton id="btnSave" binding="#{criteriosView.btnSave}"
									value="Guardar" action="#{criteriosView.action_save()}"
									update=":dialogCriterios :frm:panelDataTableCriterios" />
								<p:commandButton id="btnClear" value="Limpiar"
									action="#{criteriosView.action_clear()}"
									update=":dialogCriterios" />
								<p:commandButton id="btnExit" value="Cerrar"
									action="#{criteriosView.action_closeDialog()}"
									update=":dialogCriterios" />
							</div>
						</p:panel>
					</h:form>
				</p:dialog>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>
